import './index.scss'
import { useNavigate } from 'react-router-dom'
import icon from "/src/assets/react.svg"

function DivFunc() {

  //路由跳转
  const navigate = useNavigate();
  const tapGoPage = (value: string) => {
    navigate(value);
  };

  return (
    <div className='login_body flex'>
      <div className='box flex'>
        <div>
          <span className='box_title'>后台管理系统</span>
          <span className='box_text'>v1.0.0</span>
        </div>

        <div className='tbox align'>
          <img className='icon' src={icon}></img>
          <div className='title'>账号</div>
          <input className='input' placeholder='请输入账号'></input>
        </div>
        <div className='tbox align'>
          <img className='icon' src={icon}></img>
          <div className='title'>密码</div>
          <input className='input' placeholder='请输入密码'></input>
        </div>
        <div className='tbox align tap background' onClick={() => tapGoPage('/home')}>
          <div className='login_text flex'>登 录</div>
        </div>
        <div className='box_b align'>
          <span className='text active'>找回密码</span>
          <span className='text active'>注册账号</span>
        </div>
      </div>
    </div >
  )
}

export default DivFunc
